﻿* {
    margin:0;
}
h1{
    color:white;
}
div#header{
            background-color:#343434;

}
div#section{
    min-height:100px;
    width:100%;
}

    div#header menu li{
        display:inline;
        color:white;
        margin:2%;
    }

@media (~"only screen and (-webkit-min-device-pixel-ratio: 1.5)"), (~"only screen and (-o-min-device-pixel-ratio: 3/2)"), (~"only screen and (min--moz-device-pixel-ratio: 1.5)"), (~"only screen and (min-device-pixel-ratio: 1.5)") {
}

@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
    html {
        overflow:hidden;
        min-width:240px;
        min-height:320px;
    }
    body {
        background-color:#343434;
        min-width:240px;
        /*width:900px;*/
        min-height:320px;
    }

    div#header{
        background-color:#343434;
        position:fixed;
        top:0;
        left:0;
        height:15%;
        min-width:320px;
        min-height:48px;
        width:900px;
        /*background-color:red;*/
        color:white;
        text-align:center;
    }
    div#header h1   {
        position:fixed;
        top:10px;
        left:20px;
    }
    #sectionGENERAL 
    {
                /*width:500px;*/
        overflow-x:scroll;
    }
    div#section{
        position:fixed;
        top:15%;
        left:0;
        white-space: nowrap;
        width :800px;
        -ms-scroll-translation :vertical-to-horizontal;
        height:650px;
        padding:2%;
        background-color:#343434;
                overflow:auto;
    }
    div.tuile {
        width:200px;
        height:150px;
        margin:1%;
        background-color:#0094ff;
        display:inline-block;
    }
}
